<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="设置Cookie方法.js"></script>
</head>

<body>
    <script>
        /* 
        前端设置Cookie的 属性 属性值 过期时间

        document.cookie = "参数1=参数2；参数3=参数4";
        参数1 = 属性
        参数2 = 属性值
        参数3 = expires （固定）
        参数4 = 时间 是服务器当前的时间 0时区，而New Date() 得到的是+8时区的时间，所以要-8小时
        每次只能设置一个

        获得Cookie的  但是会获取Cookie全部的属性 和 属性值
        想要只获取单独的属性和属性值  需要自己写方法封装
        let cookie = document.cookie

        */
        document.cookie = 'name=曼曼';

        //expires 后面的时间是服务器当前的时间 0时区，而New Date() 得到的是+8时区的时间，所以要-8小时
        let date = new Date();
        // 获得威尔格林时间
        let time = date.getTime();
        //                    -8小时 +  10秒
        time = time - 8*60*60*1000 + 10*1000;
        date.setTime(time);
        //                               10秒后过期（删除）
        document.cookie = `age=23;expires=${date}`;

        setCookie('w','100');

        let cook = document.cookie;
        console.log(cook);
    </script>
</body>

</html>